<?php //if(!isset($_SESSION)) session_start();  ?>          
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <!--head>
            <script>
    jQuery(document).ready(function(){
        //carga_div('pagina/index-viniedos.php','#nav');});
    (function($){
            
            //cache nav
            var nav = $("#topNav");
            
            //add indicator and hovers to submenu parents
            nav.find("li").each(function() {
                if ($(this).find("ul").length > 0) {
                    $("<span>").text("").appendTo($(this).children(":first"));

                    //show subnav on hover
                    $(this).mouseenter(function() {
                        $(this).find("ul").stop(true, true).slideDown();
                    });
                    
                    //hide submenus on exit
                    $(this).mouseleave(function() {
                        $(this).find("ul").stop(true, true).slideUp();
                    });
                }
            });
        })(jQuery);
            </script>
    </head>
<body>
 <img id="construccion" src="/imagenes/construccion.jpg">
</body>
<head-->
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=1024" />
        <meta name="description" content="" lang="ES" />
        <meta name="keywords" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

        <title>Viñedos</title>
        <link rel="shortcut icon" href="../imagenes/favicon.ico" />
        <link rel="stylesheet" href="" />
            <link href="../css/normalize.css" rel="stylesheet" />
            <link href="../css/esqueleto.css" rel="stylesheet" />
            <link href="../css/setups.css" rel="stylesheet"/>
            <link rel="stylesheet" media="screen,projection" href="../css/jquery.ennui.contentslider.css" />
            <link rel="stylesheet" media="screen" href="../css/jquery.calendarPicker.css" />
            <link rel="stylesheet" href="../css/jquery-ui-1.10.1.css" />
            <link rel="stylesheet" href="../css/jquery.fancybox.css?v=2.1.4" media="screen" />
            <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' />
            <link rel="stylesheet" href="../css/estilo-contacto.css" />

            <!--CSS slide-calendario-combo-->    
            <link href="../css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" />
            <link rel="stylesheet" href="../css/jquery.calendarPicker.css" type="text/css" media="screen"/>

            <!--JavaScript-slide-calendario-combo-->    
            <script type="text/javascript" language="javascript" src="../js/jquery.min.js"></script>
            <script type="text/javascript" language="javascript" src="../js/jquery-ui.js"></script>
            <script type="text/javascript" language="javascript" src="../js/jquery.mousewheel-3.0.6.pack.js"></script>
            <script type="text/javascript" language="javascript" src="../js/jquery.fancybox.pack.js?v=2.1.4"></script>
            <script type="text/javascript" language="javascript" src="../js/modernizr-2.5.3.min.js"></script>
            <script type="text/javascript" language="javascript" src="../js/jquery.calendarPicker.js"></script>

            <!--Scripts para validar el Formulario-->
            <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
            <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>-->
            <script src="../js/validarFormulario.js"></script>

            <script type="text/javascript" language="javascript" src="../js/control.js" ></script>

            <!--Fancybox-->
            <script type="text/javascript"  src="../js/jquery-1.3.2.js"></script>
            <script type="text/javascript"  src="../js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
            <script type="text/javascript"  src="../js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
            <link rel="stylesheet" type="text/css" href="../js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

            <!--
                <script type="text/javascript" language="javascript" src="../js/selectzor.js"></script>
            -->

    </head>
    <body>
        <div id="wrapper">
            <section class="content">
                <div class="cont-fix"></div>
                <div id="enlaces-ext">
                    <div id="enlaces-content">
                        <a href="">Contacto</a>
                        <a href="">Producto</a>    
                    </div>   
                </div>
                <div class="main">
                    <!--Header-->
                    <div id="titulo" class="header" >
                        <div class="bloq-uno">
                            <img class="logo" src="../imagenes/logo_2.png"onClick="goIndex()"></img>
                        </div>
                        <div class="clearfix"></div>


                        <!--MENU-BOTONERA-->
                        <div class="bloq-menu" id="nav">
                            <nav id="topNav">
                                <ul class="nav">
                                    <a href="viniedos-resilencia.php" title="Resilencia"><li>Resilencia</li></a>
                                    <a href="#" title="Noesis"><li>Noesis</li></a>
                                    <a href="viniedos-nada.php" title="Nada"><li>Nada</li></a>
                                    <a href="viniedos-elvinodeuno.php" title="El Vino de Uno"><li class="last">El Vino de Uno</li></a>
                                </ul>
                            </nav>
                        </div>
                        <!--FIN-MENU-BOTONERA-->

                        <div  class="linea-titulo"></div>
                        <h1 class="titulo" id="textoTitulo">Viñedos->Noesis</h1>

                    </div>
                    <!--FIN-header-->

                    <!--CONT-->
                    <div class="cont">
                        
                        <div class="label-element">
                            <div class="label-box-min">
                                <h2 class="name">NOESIS (Mono varietal)</h2>
                                <img src="../imagenes/viniedos/vino_standar.png" title="Resilencia" class="label-img-big" /><br/>
                                <span class="type"><span>Tipo de Uva: </span><a href="#label-box-big-1" class="btnShow">Tempranillo.</a></span>
                                <p class="text-min">Noesis, en griego Intuición Es el discurso entre el mundo de las ideas y el mundo sensible. Así,  este vino de autor es fruto de los componentes reales, el terroir, el clima y el varietal, mezclados todos con el carácter intencional de la pasión y la imaginación. De las viñas del Valle, del Viento Xaloc que fluye del interior hacia el océano y de la Bruma que viene del mar, surge este noble varietal Tempranillo. De color rojo violáceo intenso y brillante, tras 10 meses en barrica de roble francés, se expresa con aromas a cerezas, regaliz, chocolate, avellanas y café. El sueño de Platón.</p>
                                <span class="info-big"><span style="font-weight: bold;">Lugar: </span>Valle de Guadalupe, Ensenada, Baja California</span><br/>
                                <span class="info-big"><span style="font-weight: bold;">Clima: </span>Mediterráneo seco y templado.</span><br/>
                                <span class="info-big"><span style="font-weight: bold;">Maridaje: </span>Carnes rojas, cordero asado, pato con salsa de frutas, champiñones al horno con mantequilla, Escamoles al epazote, gusanos de Maguey, salmón, corvina, y en general con comida mediterránea.</span>
                            </div>
                            <div class="label-box-big" id="label-box-big-1" style="display:none;">
                                <!--<h2 class="name">RESILENCIA (Mono varietal)</h2>-->
                                <span class="type"><span style="font-weight: bold;">Tipo de Uva: </span>Tempranillo, También llamada Tinta del País, Tinta fina, Cencibel y Ull de Llebre.</span><br/>
                                <img src="../imagenes/viniedos/tempranillo.png" title="img" class="label-img-big" />
                                <hr/>
                                <span><span style="font-weight: bold;">Características: </span></span><p text-full>Variedad tinta. Cepa principal de los vinos españoles y una de las variedades con más futuro en el valle. Madura precozmente y se potencia cuando se mezcla con otras cepas. Actualmente se emplea en mono varietal, y es una de las uvas consideradas como gran alternativa  para el futuro. De baja acidez, y rica en taninos se obtiene un muy buen resultado cuando se envejece en barrica de roble. Produce vinos con gran cuerpo y finura. En nariz frutos rojos y negros, frambuesas,  fresas, vainilla, caramelo, ahumados y tabaco. En boca es afrutado, robusto y contundente, taninos delicados y dulces y suaves tras su envejecimiento en madera. Gran capacidad de longevidad, excelente como vino de guarda.</p>
                                <hr/>
                            </div>
                        </div>
                        <br/>
                        <a class="button_back" href="viniedos.php"><button>Volver</button></a>
                        
                        <br/>
                        <br/>
                        <br/>
                        
                    <script>
                        var i = 1;
                        $(".btnShow").each(function(index){
                            var classDiv = '#label-box-big-'+i;
                            $(this).fancybox({
                                'onStart': function() { 
                                    $(classDiv).css("display","block");
                                    $('.label-box-big').css("width","600px")
                                        .css("font-size", "0.9em")
                                        .css("font-family", "arial,sans-serif")
                                        .css("text-align", "justify");
                                        $('.label-box-big img').css("margin-top", "10px");
                                },            
                                'onClosed': function() { $(classDiv).css("display","none"); }
                            });
                            i++;
                        });
                    </script>
                        
                    <!--FIN-CONT-->

                    <div class="clearfix"></div> 
                    <!--FIN-MAIN--> 
                    
                </div>

                <div class="clearfix"></div>

                <div id="counter" class="box"></div>
                <div id="loading"></div>
            </section>
        </div>

        <?php include ('footer.php') ?>
        
    </body>
</html>